<%@ page language="java" pageEncoding="utf-8" %>
<%
    String token = request.getParameter("token");
    String isopen = request.getParameter("isopen");
    request.setAttribute("token", token);
    request.setAttribute("isopen", isopen);
%>

<!DOCTYPE html>
<html lang="en">
<head>
    <%@include file="../common/base.jsp" %>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta name="author" content="Jck"/>
    <title>${appName} 邀请有奖</title>
    <link rel="stylesheet" href="${base}/activity/share/css/reset.css?version=${version}">
    <script type="text/javascript" src="${base}/js/flexible.js"></script>
    <link rel="stylesheet" href="${base}/activity/share/css/main.css?version=${version}">
</head>
<body>
<div class="l-p">
    <div class="l-head">
        <div class="position-relative">
            <a href="${base}/yue/share_driver?token=${token}&appid=${appid}&isopen=${isopen}" class="action position-relative">邀请司机</a>
        </div>
        <div class="position-relative">
            <a href="${base}/yue/driver_passenger?token=${token}&appid=${appid}&isopen=${isopen}" class="position-relative">邀请乘客</a>
        </div>
    </div>


    <div class="huodong invite">
        活动规则
    </div>
    <div style="margin: 0.44rem 0 0.6rem 0;">
        <div>
            <div class="m-p-head">
                <img src="${base}/activity/share/img/pic_recommend.png" alt="">
            </div>
        </div>
        <div class="share-tip">
            <span >马上邀请好友得奖励</span>
        </div>
        <div class="m-p-btns">
            <ul class="btns-ul">
                <li>
                    <img src="${base}/activity/share/img/share_icon_wechat.png" id="we-chat" alt="">
                    <p>微信好友</p>
                </li>
                <li>
                    <img src="${base}/activity/share/img/share_icon_friends.png" id="friends" alt="">
                    <p>朋友圈</p>
                </li>
                <li>
                    <img src="${base}/activity/share/img/share_icon_qq.png" id="qq" alt="">
                    <p>QQ</p>
                </li>
                <li class="invite">
                    <img src="${base}/activity/share/img/share_icon_quickmark.png" id="space" alt="">
                    <p>二维码</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="foot-tip" id="youhuij">
        <p>还没有新伙伴?</p>
        <p>送TA新人大礼包，快去呼唤TA吧！</p>
    </div>

    <%--邀请历史--%>
    <div class="l-history"  style="display:none;">
        <div class="history-icon" id="history-icon">
        </div>
        <div class="history-tong-con">
            <div class="history-tong">
                <p>已邀请 <span>0</span> 人</p>
                <p class="hfenge"></p>
                <p>已获得 <span>0</span> 元</p>
            </div>
        </div>
        <div class="history-con">
            <ul class="history-ul">
                <%--<li><p>152****1234</p><p>152****1234</p></li>--%>
            </ul>
        </div>
    </div>
</div>
<%--用来放生成的二维码的图片--%>
<section id="codeCOnDialog" class="dialog-confirm">
    <div class="btn-close btn_close">
        <img src="${base}/activity/images/icon_close.png">
    </div>
    <div class="inner">
        <div class="img-wrapper">
            <div id="codeCOn"></div>
            <p>邀请好友扫一扫</p>
        </div>
    </div>
</section>
</div>
<!-- 规则说明弹窗遮罩 -->
<div class="mask" style="display: none;"></div>
<!-- 规则说明弹窗 -->
<section id="declarationDialog" style="display: none;" class="dialog-confirm">
    <div class="get-gift-text-box">
        奖励规则
    </div>
    <div class="btn-close btn_close">
        <img src="${base}/activity/images/icon_close.png">
    </div>
   <div class="inner">
       <p class="title2" style="word-break: break-all;">1、分享专属链接给好友，邀请好友注册成为${appName}的司机。</p>
       <p class="title2">2、成功分享好友进入注册界面，并上传注册信息，平台审核通过，成功入驻平台，您就可获得平台发放的现金大礼包。</p>
       <p class="title2">3、通过您的邀请链接，成功入驻平台的司机越多，您获得的奖励就越多。</p>
       <p class="title2">4、最终解释权归${appName}所有。</p>
   </div>
</section>


<script type="text/javascript" src="${base}/js/jquery.min.js"></script>
<script type="text/javascript" src="${base}/plugin/dialog/index.js"></script>
<script type="text/javascript" src="${base}/plugin/dialog/dialog.min.js"></script>
<link rel="stylesheet" type="text/css" href="${base}/plugin/dialog/dialog.css">
<script src="${base}/activity/share/js/qrcode.js?version=${version}" type="text/javascript"></script>
<script src="${base}/activity/share/js/main.js?version=${version}" type="text/javascript"></script>
</body>
</html>